
        window.onload=function () {
            var photo=document.getElementById("photo");
            var ilist=photo.getElementsByTagName("li");
            var btn=document.getElementById("btn");
            var blist=btn.getElementsByTagName("li");
            var box=document.getElementById("box");
            var timer=null;
            var n=0;//记录页面
            move();
            function move() {
                timer=setInterval(function () {
                for(var i=0;i<ilist.length;i++)
                {   ilist[i].className="";
                    blist[i].className="";
                }
                if(n<ilist.length-1){
                    ilist[n+1].className="focus";
                    blist[n+1].className="focus-1";
                    n++;
                }
                else {
                    n=0;
                    ilist[n].className="focus";
                    blist[n].className="focus-1";
                }
                },2200)
            }
            box.onmouseover=function () {
                clearInterval(timer);
            };
            box.onmouseout=function () {
              move();
            };
            for( var i=0;i,blist.length;i++){
                     blist[i].index=i;
                     blist[i].onclick=function () {
                         n=this.index;
                         for(var i=0;i<ilist.length;i++)
                         {   ilist[i].className="";
                             blist[i].className="";
                         }
                         ilist[n].className="focus";
                         blist[n].className="focus-1";
                     }
                 }

      }